<template>

  <div id="category">
    category
   
        <scroll>
          <div class="content1">
        <ul>
          <li>1</li>
          <li>2</li>
          <li>3</li>
          <li>4</li>
          <li>5</li>
          <li>6</li>
          <li>7</li>
          <li>9</li>
          <li>0</li>
          <li>1</li>
           <li>1</li>
          <li>2</li>
          <li>3</li>
          <li>4</li>
          <li>5</li>
          <li>6</li>
          <li>7</li>
          <li>9</li>
          <li>0</li>
          <li>1</li>
           <li>1</li>
          <li>2</li>
          <li>3</li>
          <li>4</li>
          <li>5</li>
          <li>6</li>
          <li>7</li>
          <li>9</li>
          <li>0</li>
          <li>1</li>
           <li>1</li>
          <li>2</li>
          <li>3</li>
          <li>4</li>
          <li>5</li>
          <li>6</li>
          <li>7</li>
          <li>9</li>
          <li>0</li>
          <li>1</li>
           <li>1</li>
          <li>2</li>
          <li>3</li>
          <li>4</li>
          <li>5</li>
          <li>6</li>
          <li>7</li>
          <li>9</li>
          <li>0</li>
          <li>1</li>
           <li>1</li>
          <li>2</li>
          <li>3</li>
          <li>4</li>
          <li>5</li>
          <li>6</li>
          <li>7</li>
          <li>9</li>
          <li>0</li>
          <li>1</li> 
          <li>2</li>
          <li>3</li>
          <li>4</li>
          <li>5</li>
          <li>6</li>
          <li>7</li>
          <li>9</li>
          <li>0</li>
          <li>1</li>
           <li>1</li>
          <li>2</li>
          <li>3</li>
          <li>4</li>
          <li>5</li>
          <li>6</li>
          <li>7</li>
          <li>9</li>
          <li>0</li>
          <li>1</li>
          
        </ul>
          </div>
        </scroll>
      </div>
   
  
</template>

<script>

import Scroll from '../../components/common/scroll/Scroll.vue'

export default{
  components: { Scroll },
  name: 'Category',
}
</script>

<style scoped>
#category {
    height: 100vh;
  }
.nav-bar {
  background-color: var(--color-tint);
  font-weight: 700;
  color: #fff;
}
.content {
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  top: 44px;
  bottom: 49px;
  display: flex;
}
#tab-content {
  height: 100%;
  flex: 1;
}
</style>